<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>美图证件照</title>
    <link rel="stylesheet" href="./css/huacommon.css" />
    <link rel="stylesheet" href="./css/huacustom.css" />
    <style></style>
  </head>
  <body>
    <div class="back" onclick="window.history.back()">
      <img src="./svg/返回.svg" alt="" />
    </div>
    <!-- Header -->
    <div class="header">
      <h1>AI照相馆</h1>
    </div>

    <!-- Banner -->
    <div class="banner">
      <img src="./imgs//img.png" alt="Banner" />
      <p class="subtitle">精致妆容 | 多样发型</p>
    </div>

    <!-- Navigation -->
    <div class="nav">
      <a href="#" class="active">普通寸照</a>
      <a href="#">近期热门</a>
      <a href="#">财务会计</a>
      <a href="#">结婚照</a>
      <a href="#">形象照</a>
    </div>

    <!-- Main Content -->
    <div class="content" style="margin-bottom: 40px">
      <div class="card">
        <img src="./imgs/cun1.png" />
      </div>

      <div class="card">
        <img src="./imgs/cun2.png" />
      </div>

      <div class="card">
        <img src="./imgs/cun3.png" />
      </div>
      <div class="card" onclick="window.location.href='./custom.html'">
        <img src="./imgs/cun4.png" />
      </div>

      <div class="card">
        <img src="./imgs/cun5.png" />
      </div>
      <div class="card" onclick="window.location.href='./custom.html'">
        <img src="./imgs/cun6.png" />
      </div>
    </div>

    <!-- Footer  -->
    <div class="footer-nav">
      <a href="#" class="active">首页</a>
      <a href="#">小工具</a>
      <a href="#">证件照精修</a>
      <a href="./me.html">我的</a>
    </div>
  </body>
</html>
